#banner{width: 100%;height: 100%;overflow:hidden}
#banner .dm-bannerBox{width:300%;height:100%;overflow:hidden;
	-webkit-transform:translate3D(0,0,0);
	-ms-transform:translate3D(0,0,0);
	-moz-transform:translate3D(0,0,0);
	-o-transform:translate3D(0,0,0);
	transform:translate3D(0,0,0);
}
#banner .box{
	background: -webkit-linear-gradient(#7e1fb4,#271a5e);
	background: -ms-linear-gradient(#7e1fb4,#271a5e);
	background: -o-linear-gradient(#7e1fb4,#271a5e);
	background: -moz-linear-gradient(#7e1fb4,#271a5e);
	background: linear-gradient(#7e1fb4,#271a5e);
	background:url(../image/bg.jpg) center no-repeat;
	background-size:cover;
	height:100%;	
	position:relative;
	float:left;
}
#banner .dot{position:absolute;z-index:5;bottom:15px;left:50%;overflow:hidden;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
#banner .dot span{display:block;float:left;width:10px;height:10px;border-radius:50%;background-color:#fff;margin: 0 5px;cursor:pointer;opacity:.4}
#banner .dot .on{opacity:1}

#banner .box .head-top{width: 630px;padding-top: 76px;margin: auto;position: relative;font-size: 24px;color: #1aacff;background: url(../image/head-top.png) center top no-repeat;background-size: 100% auto;text-align:center;
	-webkit-transform-origin:center top;
	-ms-transform-origin:center top;
	-moz-transform-origin:center top;
	-o-transform-origin:center top;
	transform-origin:center top;
}

#banner .cotMod{width: 90%;min-width: 1000px;margin:-76px auto 0;background:url(../image/left-bg.png) left top no-repeat,url(../image/right-bg.png) right top no-repeat;background-size: auto 100%;height:90%;overflow: hidden;position: relative;top: 20px;}


#banner .cotMod .title-wrap{width: 470px;margin:0 auto 6%;
	-webkit-transform-origin:center top;
	-ms-transform-origin:center top;
	-moz-transform-origin:center top;
	-o-transform-origin:center top;
	transform-origin:center top;
}
#banner .cotMod .title-wrap ul{color: #fff;font-size: 16px;padding-top: 60px;}
#banner .cotMod .title-wrap .num{color: #e6cc8f;font-size: 64px;padding-top: 10px;font-weight: bold;text-align:center;
	letter-spacing: 2px;
	-webkit-text-stroke: 1px #481c81;
	text-shadow: 2px -2px #e6cc8f;
}
#banner .cotMod .time{color: #fff;font-size: 14px;position: absolute;right: 80px;top: 118px;}
#banner .cotMod .fourMod{text-align: center;overflow: hidden;width: 92%;
	-webkit-transform-origin:center top;
	-ms-transform-origin:center top;
	-moz-transform-origin:center top;
	-o-transform-origin:center top;
	transform-origin:center top;
}
#banner .cotMod .fourMod dl{width: 23%;overflow:hidden;margin:0 1%;float:left}
#banner .cotMod .fourMod dl dt{padding-bottom: 10px;border-bottom: 1px solid #9a6b3b;line-height: 22px;margin-bottom: 4px;}

#banner .cotMod .fourMod dl dt .t1{color: #f6b900;font-weight: bold;font-size: 16px;}
#banner .cotMod .fourMod dl dt .t2{font-size: 14px;color: #fff;margin-left: 6%;}
#banner .cotMod .fourMod dl dt .t3{font-size: 14px;color: #fff;}


#banner .cotMod .fourMod dl .listBox{width: 100%;height: 219px;overflow: hidden;}
#banner .cotMod .fourMod dl .listBox .list{padding: 5px 0;border-bottom: 1px solid #543397;position: relative;}
#banner .cotMod .fourMod dl .listBox .list:before{content: '';width: 3px;height: 3px;background-color: #f6b900;position: absolute;bottom: -2px;right:0;}

#banner .cotMod .fourMod dl .listBox .list .photo{padding: 2px;border: 1px solid #5e498a;border-radius: 50%;}
#banner .cotMod .fourMod dl .listBox .list .photo .cover{width: 60px;height: 56px;border-radius: 50%;display: block;background-color: #f7f7f7;}
#banner .cotMod .fourMod dl .listBox .list .name{font-size: 14px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 45%;line-height: 62px;padding-left: 10px;}
#banner .cotMod .fourMod dl .listBox .list .num{font-size: 16px;color: #fff;line-height: 62px;}

#banner .cotMod .fourMod dl .listBox .list .areaMod{width: 33.33%;padding: 7px 0;overflow: hidden;}
.areaMod .icon{width: 40px;height: 40px;overflow: hidden;margin: auto;}
.areaMod .area{color: #beb9ce;margin-top:3px}
.areaMod .amount{color: #fff;padding-top: 0;font-size: 16px;}


#banner .cotMod .addrTotal{width:160px;padding:3px 5px;background:rgba(0,0,0,.3);color:#fff;position:absolute;left:50%;margin-left:-65px;}

@media screen and (min-width:1600px){
	#banner .box .head-top{
		transform:scale(1);
	}
	#banner .cotMod .title-wrap{
		transform:scale(1);
	}
	#banner .cotMod .fourMod{
		margin:5% auto 0;
		transform:scale(1);
	}
	#banner .cotMod .addrTotal{
		bottom:8%;
	}
}
@media screen and (max-width:1599px){
	#banner .box .head-top{
		transform:scale(0.7);
	}
	#banner .cotMod .title-wrap{
		transform:scale(0.7);
	}
	#banner .cotMod .fourMod{
		margin:0 auto 0;
		transform:scale(0.9);
	}
	#banner .cotMod .addrTotal{
		bottom:6%;
	}
}

#banner .cotMod .addrTotal .name{padding:0 6px;line-height:24px;color:#f6b900}
#banner .cotMod .addrTotal .addrMod{line-height:28px;padding:0 5px;position:relative;border-top:1px solid #b70d62;border-bottom:1px solid #b70d62;}
#banner .cotMod .addrTotal .addrMod:before{content:'';width:3px;height:3px;background-color:#b70d62;position:absolute;top:-2px;left:0;}
#banner .cotMod .addrTotal .addrMod:after{content:'';width:3px;height:3px;background-color:#b70d62;position:absolute;top:-2px;right:0;}
#banner .cotMod .addrTotal .addrMod .top-addr{position:relative;}
#banner .cotMod .addrTotal .addrMod .top-addr:before{content:'';width:3px;height:3px;background-color:#b70d62;position:absolute;bottom:-2px;left:-6px;}
#banner .cotMod .addrTotal .addrMod .top-addr:after{content:'';width:3px;height:3px;background-color:#b70d62;position:absolute;bottom:-2px;right:-6px;}


#banner .tab-btn{width:48px;height:48px;background:url(../image/full-btn.png) center top no-repeat;background-size:100% auto;position:absolute;top:50%;margin-top:-24px;cursor:pointer;z-index:8;}
#banner .prev-btn{left:10px;}
#banner .next-btn{right:10px;background-position-y:bottom;}


[v-cloak] {
    display: none;
}



